<template>
	<div class="page-num">
		<el-pagination
			layout="prev, pager, next"
			:total="totalPages * 5"
			:page-size="5"
			:current-page="currentPage"
			@current-change="handleCurrentChange"
			>
		</el-pagination>
	</div>
</template>

<script>
	export default{
		data() {
			return {
			}
		},
    props:{
      totalPages:Number,
      currentPage:Number
    },
		methods: {
			handleCurrentChange(e) {
				this.$router.push('/admin/user?pageId='+e)
			}
		},
	}
</script>

<style scoped>
	.page-num{
    padding-top: 40px;
		padding-bottom: 50px;
		text-align: center;
	}
	.page-num>div{
		display: inline-block;
	}
</style>
